<h1>Quản lý tình trạng phòng  [ID: {$hotel.id} - Khách sạn: {$hotel.name}] 
  <div  class="fr">[<a href="manage_hotel.html">Quản lý Khách sạn</a>]</div><div class="c"></div>
</h1>

<fieldset>
    <legend>Chọn ngày tháng</legend>
    <div style="margin-bottom:6px">
    <label>
    	<input name="choice_type_select" value="1" {if $type==1}checked="checked"{/if} type="radio"><strong>Chọn theo tháng:</strong></label>
    <span id="sys-span-month">
        <a href="{$link_prev}" style="margin:0 5px">&laquo; Tháng trước</a>
        
        {html_options name=month_choice options=$cmbox_date selected=$cmbox_date_selected}
        
        <a href="{$link_next}" style="margin:0 5px">Tháng sau &raquo; </a>
        
        |
        
        <a href="{$link_now}" style="margin:0 5px">&laquo; Tháng hiện tại &raquo;</a> 
        
    </div>
    
    <label>
    	<input name="choice_type_select" value="2" type="radio" {if $type==2}checked="checked"{/if}><strong>Chọn theo ngày:</strong>
    <span id="sys-span-from-to">
        Từ ngày: <input id="frompicker" type="text" name="fromdate" value="{$fromdate}" style="width:80px"/>
        Đến ngày: <input id="topicker" type="text" name="todate" value="{$todate}" style="width:80px"/>
        <input type="button" id="filter_date" value="Chọn" />
    </span>
    </label>
</fieldset>


<div style="color:#03F;font-size:22px;margin:20px 0">{$title} <div class="fr">(Click đúp vào từng ô để đổi trạng thái phòng của ngày tương ứng)</div><div class="c"></div></div>

{if $msg}<center style="margin-top:20px">{$msg}</center>{/if}

{if $rooms}
<table class="rstable" style="margin-top:10px">
    <thead>
        <tr>
            <th>&nbsp;</th>
            {foreach from=$days item=day key=k}
                <th>{$day}</th>
            {/foreach}
        </tr>
    </thead>
    <tbody>
        {foreach from=$rooms item=room key=kr}
            <tr>
                <td valign="middle" class="roomname">[ID:{$room.id}]<br />
              {$room.name}</td>
                {foreach from=$daysInt item=day key=k}
                    <td  
                    	
                        align="center" valign="middle"
                        class="sys-cell {if $room_status.$kr.$day.is_lock}
                        				locked
                                        {elseif $room_status.$kr.$day.available>0 && $room_status.$kr.$day.available<$room_status.$kr.$day.total_room}
                                        used
                                        {elseif $room_status.$kr.$day.available == 0}
                                        zero
                                        {/if}"
                                        
                        data-room-id	=	"{$kr}"
                        data-available	=	"{$room_status.$kr.$day.available}"
                        data-total-room	=	"{$room_status.$kr.$day.total_room}"
                        data-day		=	"{if $room_status.$kr.$day.day}{$room_status.$kr.$day.day}{else}{$day}{/if}"
                        date_over		=	"{$room_status.$kr.$day.date_over}"
                        style="font-size:14px;position:relative;
                        {if $room_status.$kr.$day.is_lock || $room_status.$kr.$day.available==='0'}
                        cursor:no-drop
                        {else}
                        cursor:pointer
                        {/if}" 
                        onMouseOut="jQuery('#{$kr}_{$day}').hide();" onMouseOver="jQuery('#{$kr}_{$day}').show();"                 
                        >
                        {$room_status.$kr.$day.available}/{$room_status.$kr.$day.total_room}
                        
                        <div style="position:absolute;background-color:#fff;border:1px solid #09F;padding:5px;white-space:nowrap;font-size:12px;z-index:1;margin-top:5px" class="hide" id="{$kr}_{$day}">
                            [ <a href="manage_cart.html?room_id={$kr}&day={$day}">Xem Booked list</a> ]
                        </div>
                    </td>
                {/foreach}
            </tr>
        {/foreach}
    </tbody>
</table>

<div style="margin:20px 10px 20px 0">
    <table class="codecolor">
        <tr>
          <td><strong>GHI CHÚ:</strong></td>
            <td class="locked">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>Đã khóa</td>
        
             <td>&nbsp;</td>
            <td class="used">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>Còn phòng</td>
        
            <td>&nbsp;</td>
            <td class="avail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>Chưa sử dụng
            </td>
            
            <td>&nbsp;</td>
            <td class="zero">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td>Hết phòng
            </td>
        </tr>
    </table>
</div>
{/if}

<input type="hidden" name="hotel_id" id="hotel_id" value="{$hotel_id}" />

<script type="text/javascript">
{literal}
$(document).ready(function(){
    $("select[name=month_choice]").change(function(){
        var self = $(this);
        var date_select = self.val();
        if(date_select==0) return false;
        var hotel_id = $("#hotel_id").val();
        document.location = WEB_DIR+'check_room_status.html?hotel_id='+hotel_id+'&type=1&month_choice='+date_select;
    });

    var is_change_ajax = false;
	
    $(".sys-cell").dblclick(function(){
		var self 		= $(this);
									 
        if(self.attr('date_over') == '1')
		{
			log_faile ("Ngày khóa đã quá hạn, bạn không thể khóa hay mở ngày của quá khứ.");
			return false;
		}
		
		if(is_change_ajax) 
		{
			return false;
		}
		
        is_change_ajax = true;
		
        var room_id 	= self.attr('data-room-id');
        var day 		= self.attr('data-day');
        var total_room 	= self.attr('data-total-room');

        //var avail = self.text();
		var avail = self.html();
		
        self.html("<BLINK>...</BLINK>");
		
        jQuery.post(WEB_DIR+"ajax.php?act=hotel&code=change_lock_status_room", {room_id:room_id,day:day,total_room:total_room},
            function(msg)
			{
                is_change_ajax = false;
                self.html(avail);
				
				if(msg == "no_perm"){
                    log_faile ("Bạn không có quyền thực hiện chức năng này.");
                    return false;
                }
                else if(msg == "not_login")
				{
                    log_faile ("Chưa đăng nhập.");
                    return false;
                }
				else if(msg=="time_error")
				{
                    log_faile ("Thông số ngày tháng sai.");
                    return false;
                }
				else if(msg=="day_over")
				{
                    log_faile ("Ngày khóa đã quá hạn, bạn không thể khóa hay mở ngày của quá khứ.");
                    return false;
                }
                else if(msg=="un_success")
				{
                    log_faile ("Không thực hiện được.");
                    return false;
                }
				else
				{
                    if(self.hasClass("locked"))
					{
                        self.removeClass("locked").css("cursor","pointer");
						
						if(self.attr('data-available') == '0')
						{
							self.addClass("zero");
						}
                    }
					else
					{
                        self.addClass("locked").removeClass("zero").css("cursor","no-drop");
                    }
					
                    return true;
                }
		});
    });

    $("#frompicker").datepicker();
    $("#topicker").datepicker();
	
    $("#filter_date").click(function(){
        if($("#frompicker").val()==''){
            alert("Bạn chưa chọn ngày bắt đầu.");
			
			$("#frompicker").focus();
            return false;
        }

		if($("#topicker").val()==''){
            alert("Bạn chưa chọn ngày kết thúc.");
			
			$("#topicker").focus();
            return false;
        }

        var from_time 	= $("#frompicker").val().split("/");
        var from 		= new Date(from_time[2],Number(from_time[1])-1,from_time[0],0,0,0,0);
	    from_time 		= from.getTime();

        var to_time = $("#topicker").val().split("/");
        var to 		= new Date(to_time[2],Number(to_time[1])-1,to_time[0],0,0,0,0);
        to_time 	= to.getTime();

        var hieuso = (to_time - from_time)/(24*60*60*1000);
        
		if(hieuso <0)
		{
            alert("Ngày kết thúc không được nhỏ hơn ngày bắt đầu");
            return false;
        }
		else if(hieuso > 31)
		{
            alert("Khoảng thời gian chọn không được vượt quá 31 ngày.");
			$("#topicker").focus();
			
            return false;
        }

        var hotel_id = $("#hotel_id").val();
		
       //var fromdate = $("#frompicker").val().replace(/\//g,"_");
       //var todate = $("#topicker").val().replace(/\//g,"_");
		
		var fromdate = $("#frompicker").val();
		var todate = $("#topicker").val();
	   
        document.location = WEB_DIR+'check_room_status.html?hotel_id='+hotel_id+'&type=2&fromdate='+fromdate+'&todate='+todate;
    });

    $("select[name='month_choice']").click(function(){
        $("input[name='choice_type_select'][value=1]").attr("checked", "checked");
    });
});
{/literal}
</script>